// useEffect影响钩子  副作用钩子
import React ,{useEffect,useState} from 'react'

function App() {
    const [loading,setLoading] = useState(true)
    // useEffect野心是取代生命周期 但它的思想不是生命周期 它会在初始化执行一次
    // 在页面执行的时候 要加载DOM元素 重绘 回流  动静大 影响到 影响钩子第一次
    useEffect(()=>{
        setTimeout(()=>{
            setLoading(false)
        },3000)   
    })

    return (
        loading?<div>loading.......</div> : <div>加载完毕</div>
    )
}


export default App

